@import './mixin.scss';
.container {
  width: 1226px;
  margin: 0 auto;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix::after,
.clearfix::before {
  content: '';
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.header-logo {
  width: 55px;
  height: 55px;
  overflow: hidden;
  a {
    display: inline-block;
    width: 55px;
    height: 55px;
    background-color: #ff6600;
    &:after,
    &:before {
      content: '';
      display: inline-block;
    }
    &::after {
      @include bgImg(55px, 55px, '/imgs/mi-home.png');
    }
    &::before {
      @include bgImg(55px, 55px, '/imgs/mi-logo.png');
      transition: all 0.2s;
    }
    &:hover::before {
      margin-left: -55px;
      transition: all 0.2s;
    }
  }
}
